<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>七游 </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/app.css">
</head>
<body>
	<!-- Navigation -->
	<nav class="navbar navbar-default">
		<div class="container">
			<div class="navbar-header">
	          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-tree-deciduous" style="color:green"></i>Seven-Tour</a>
	        </div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
		            <li><a href="index.html">首页</a></li>
		            <li><a href="content.html">景点</a></li>
		            <li><a href="eating.html">美味</a></li>
		            <li><a href="#">关于我们</a></li>            
	         	</ul>	
		        <a href="##" id="rl">注册/登录</a>	
			</div>
		</div>
	</nav>
	<!-- /Navigation -->

	<!-- 瀑布流作为内容区域 -->		
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div id="main">	
					<div class="box">
							<div class="pic">
								<img src="img/connect.png">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/2.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/3.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/4.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/5.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/p1.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/1.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/2.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/3.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/1.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/2.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
						<div class="box">
							<div class="pic">
								<img src="img/3.jpg">
							</div>
							<div class="introduce">
								<h2>这是一个题目 <span>Zoe</span></h2>
								<p class="description">这是一个描述</p>
								<p>
									<a href="">喜欢</a>
									<a href="">分享</a>
									<a href="">点评</a>
								</p>
							</div>
						</div>
			</div><!-- /main -->
			</div>
		</div>
		<div class="clear"></div>
		<button class="load-more">加载更多...</button>
	</div>
	<!-- end: 瀑布流作为内容区域 -->

	<!-- .mask -->
	<div class="mask">
		<span class="glyphicon glyphicon-remove close"></span>
	</div>
	<!-- /mask -->

	<!-- footer -->
	<footer>
		<!-- footer-nav -->
		<div class="footer-nav">
			<div class="container">
            	<div class="row">          
                    <div class="col-md-4 col-sm-12">
                    	<div class="footer-box">
                        	<h4>商务合作</h4>
                            <ul>
                            	<li><a href="">去哪儿</a></li>
                            	<li><a href="">同程</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                    	<div class="footer-box">
                        	<h4>合作伙伴</h4>
                            <ul>
                            	<li><a href="">阿里巴巴</a></li>
                            	<li><a href="">百度</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                    	<div class="footer-box">
                        	<h4>赞助商</h4>
                            <ul>
                            	<li><a href="">Alipay</a></li>
                            	<li><a href="">开源中国</a></li>
                            </ul>
                        </div>
                    </div>
                </div>	            
	        </div>
	    </div>
	    <!-- /footer-nav -->
       
       	<!-- LogoCarousel -->
      <div id="logo">
          <div class="marquee">
              <ul>
                  <li><a href=""><img src="img/logo/t1.png"></a></li>
                  <li><a href=""><img src="img/logo/t2.png"></a></li>
                  <li><a href=""><img src="img/logo/t3.png"></a></li>
                  <li><a href=""><img src="img/logo/t4.png"></a></li>
                  <li><a href=""><img src="img/logo/t5.png"></a></li>
                  <li><a href=""><img src="img/logo/t6.png"></a></li>
                  <li><a href=""><img src="img/logo/t7.png"></a></li>
                  <li><a href=""><img src="img/logo/t8.png"></a></li>
                  <li><a href=""><img src="img/logo/t9.png"></a></li>
              </ul>
          </div>
          <div class="marquee">
              <ul>
                  <li><a href=""><img src="img/logo/t10.png"></a></li>
                  <li><a href=""><img src="img/logo/t11.png"></a></li>
                  <li><a href=""><img src="img/logo/t12.png"></a></li>
                  <li><a href=""><img src="img/logo/t13.png"></a></li>
                  <li><a href=""><img src="img/logo/t14.png"></a></li>
                  <li><a href=""><img src="img/logo/t15.png"></a></li>
                  <li><a href=""><img src="img/logo/t16.png"></a></li>
                  <li><a href=""><img src="img/logo/t17.png"></a></li>
              </ul>
          </div>
      	</div>
      <!-- LogoCarousel/ -->
        
        <div class="footer-down">
        	<div class="about">
                <div class="about-we">
                    <a href="###"><span class="glyphicon glyphicon-heart-empty"></span><span>100</span></a>
                    <a id="thanks">投币赞助</a>
                    <a id="connect">联系我们</a>
                    <img id="qr" src="img/2d.png">
                </div>
                <div class="copyright">
                    <span>Copyright&nbsp;©2016&nbsp;Seven&nbsp;Tour&nbsp;</span>
                </div>
			</div>
        </div>
	</footer>
	<!-- /footer -->
	
	<!-- javascript -->
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   <script type="text/javascript">
     $(window).jQuery || document.write("<script src='js/jquery-2.1.1.min.js'><\/script>");
   </script>
   <script src="js/app.js"></script>
</body>
</html>